<!DOCTYPE html>
<html>
{include file="head.html"}
<link href="/plugin/swiper/css/swiper.min.css" rel="stylesheet" />

<body>
<div class="header">
	<div class="header-title">{$site.sitename}</div>
</div>
<div class="header-row"></div>
<div class="main-body">
	<div class="swiper-container" style="width: 100%;" id="indexFlash">
		<div class="swiper-wrapper" >
			{foreach item=c from=$flashList}
			<div class="swiper-slide">
				<img class="imgWidth" src="{$c.imgurl}" />
			</div>
			{/foreach}
		</div>
		 
		<div class="swiper-pagination flex flex-jc-center"></div>
	 
	</div>
	<div class="m-navPic">
	    {foreach item=c from=$navList}
	    <a href="{$c.link_url}" class="m-navPic-item">
			  <img class="m-navPic-img" src="{$c.logo|images_site}" />
			  <div class="m-navPic-title">{$c.title}</div>
			   
	    </a>
		
	    {/foreach}
	</div>
		 
	<div class="row-box-hd pdl-10">
		<div class="flex-1 f16">文章推荐</div>
		<div gourl="/index.php?m=article" class="row-box-more">更多</div>
	</div>
	<div class="row-box">
	
	{foreach item=c from=$articleList}
	<a href="/index.php?m=article&a=show&id={$c.id}" class="sglist-item">
		{if $c.imgurl}
		<div class="sglist-imgbox">
			<img class="sglist-img" src="{$c.imgurl}.middle.jpg" />
		</div>
		{/if}
		<div class="sglist-title">{$c.title}</div>
		<div class="sglist-desc">{$c.description}</div>
		<div class="sglist-ft">
			<div class="sglist-ft-love">{$c.love_num}</div>
			<div class="sglist-ft-cm">{$c.comment_num}</div>
			<div class="sglist-ft-view">{$c.view_num}</div>
		</div> 
	</a>
	{/foreach}
	</div>
	 
</div>
<div class="flex-center pd-10">
	<a class="f12 cl3" href="http://www.beian.miit.gov.cn">{$site.icp}</a>
</div>  
{assign var="ftnav" value="index"}
{include file="footer-nav.html"}
{include file="footer.html"}
<script src="/plugin/swiper/js/swiper.min.js"></script>
<script>
	$(function(){
		var flash = new Swiper("#indexFlash", {
			pagination: {
				el: '.swiper-pagination',
			}
		});
	})
	
</script>
</body>

</html>